import React from 'react'
import { Form, Input, Select, InputNumber, Radio } from 'antd'

const { Option } = Select
const layout = {
    labelCol: { span: 3 },
    wrapperCol: { span: 13 }
};
export default () => {
    return (
        <Form {...layout}>
            <nav style={{ borderLeft: "3px solid #4685fd", paddingLeft: "5px" }}>基础信息</nav>
            <Form.Item label="商品名称" required>
                <Input />
            </Form.Item>
            <Form.Item label="商品分类" required>
                <Input />
            </Form.Item>
            <Form.Item label="促销语" >
                <Input />
            </Form.Item>
            <Form.Item label="关键词" >
                <Input />
            </Form.Item>
            <Form.Item label="商品品牌" >
                <Select placeholder="选择商品品牌" style={{ width: "220px" }}>
                    <Option value="1">
                        森马
                    </Option>
                </Select>
            </Form.Item>
            <Form.Item label="库存预警" required>
                <InputNumber />
            </Form.Item>
            <Form.Item label="库存" required>
                <InputNumber />
            </Form.Item>
            <nav style={{ borderLeft: "3px solid #4685fd", paddingLeft: "5px" }}>购买信息</nav>
            <Form.Item label="市场价格" >
                <InputNumber />
            </Form.Item>
            <Form.Item label="销售价格" >
                <InputNumber />
            </Form.Item>
            <Form.Item label="成本价格" >
                <InputNumber />
            </Form.Item>
            <Form.Item label="运费" >
                <Radio.Group onChange={() => {
                }} value={1}>
                    <Radio value={1}>免邮</Radio>
                    <Radio value={2}>买家承担</Radio>
                </Radio.Group>
            </Form.Item>
            <Form.Item label="每人限购" >
                <InputNumber />
            </Form.Item>
            <Form.Item label="最少购买数" >
                <InputNumber />
            </Form.Item>
        </Form>
    );
}